import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from 'vue-router'
import store from "@/store"

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/home',
    component: Home
  },
  {
    path: '/home',
    name: 'home',
    component: () => import('../views/Home.vue')
  },
  {
    path: '/goods',
    name: 'goods',
    component: () => import('../views/Goods.vue')
  }
  ,
  {
    path: '/user',
    redirect:'/user/cart',
    component: () => import('../views/User.vue'),
    children: [{
      path: 'cart',
      name: 'cart',
      component: () => import('../components/user/Cart.vue')
    }]
    // //路由独享守卫
    // beforeEnter: (to, from) => {
    //   let token = localStorage.getItem("x-auth-token")
    //   if (token) {
    //     next();
    //   } else {
    //     // alert("请先登录")
    //     store.dispatch("showToast/asyncShowToast", {
    //       msg: "请先登录",
    //       type: "error",
    //       isShow: true
    //     }),
    //       store.dispatch("showModal/asyncIsShowLoginModal", { isShowLoginModal: true })
    //   }
    //   return false
    // }
  },


  {
    path: '/order',
    name: 'order',
    component: () => import('../views/Order.vue')
  }
  ,
  {
    path: '/free',
    name: 'free',
    component: () => import('../views/Free.vue')
  }
  ,
  {
    path: '/details',
    name: 'detials',
    component: () => import('../views/Details.vue')
  }
  ,
  {
    path: '*',
    name: 'error',
    component: () => import('../components/Error.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})
// 把这段代码直接粘贴到router/index.js中的Vue.use(VueRouter)之前
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function (location) {
  return originalPush.call(this, location).catch(err => { })
};
//路由独享守卫
// beforeEnter
//全局前置守卫
// router.beforeEach((to, from, next) => {
//   //to: Route：即将要进入的目标 路由对象
//   //from: Route: 当前导航正要离开的路由
//   //next: Function：一定要调用该方法来 resolve 这个钩子
//   console.log("beforeEach:", to, from);
//   //何时执行了这个钩子？？ 当路由地址发生变化时，导航切换时
//   if (to.path == "/user") {
//     let token = localStorage.getItem("x-auth-token")
//     if (token) {
//       next();
//     } else {
//       // alert("请先登录")
//     store.dispatch("showToast/asyncShowToast", {
//       msg: "请先登录",
//       type: "error",
//       isShow: true
//     }),
//       store.dispatch("showModal/asyncIsShowLoginModal", { isShowLoginModal: true })
//   }
// } else {
//   next();
// }
// })

/*
路由/导航守卫
作用：守卫导航
多种方式：全局的，单个路由独享的，或者组件级
的。
全局前置守卫: beforeEach（）
路由独享守卫: beforeEnter()
组件内守卫:
beforeRouteEnter（）
beforeRouteUpdate() (2.2 新增）
beforeRouteLeave（）
*/
export default router
